@ibiz-template-plugin/ibiz-file-previewer 0.0.26 → 0.0.27

package/dist/index.es.js

@@ -942,6 +942,10 @@ var FileType = /* @__PURE__ */ ((FileType2) => {
   FileType2["JPEG"] = "jpeg";
   FileType2["ICO"] = "ico";
   FileType2["CSV"] = "csv";
+  FileType2["VUE"] = "vue";
+  FileType2["TSV"] = "tsv";
+  FileType2["MP4"] = "mp4";
+  FileType2["PHP"] = "php";
   FileType2["UNKNOWN"] = "UNKNOWN";
   return FileType2;
 })(FileType || {});
@@ -1006,6 +1010,21 @@ const FileTypeEngineMap = /* @__PURE__ */ new Map([
     /* TXT */
   ]],
   // XML类型文件
+  ["vue", [
+    "TXT"
+    /* TXT */
+  ]],
+  // VUE类型文件
+  ["tsv", [
+    "TXT"
+    /* TXT */
+  ]],
+  // TSV类型文件
+  ["php", [
+    "TXT"
+    /* TXT */
+  ]],
+  // PHP类型文件
   // [FileType.TXT, [EngineType.TXT]], // TXT类型文件
   ["txt", [
     "MD"
@@ -1089,8 +1108,13 @@ const FileTypeEngineMap = /* @__PURE__ */ new Map([
   ["ico", [
     "IMG"
     /* IMG */
-  ]]
+  ]],
   // ICO类型文件
+  ["mp4", [
+    "IMG"
+    /* IMG */
+  ]]
+  // MP4类型文件
 ]);
 const contentWidth = 800;
 const imgModes = [
@@ -1173,6 +1197,9 @@ const fileNameToFileType = (fileName) => {
     case "svg":
       fileType = FileType.SVG;
       break;
+    case "mp4":
+      fileType = FileType.MP4;
+      break;
     case "bmp":
       fileType = FileType.BMP;
       break;
@@ -1194,6 +1221,15 @@ const fileNameToFileType = (fileName) => {
     case "yml":
       fileType = FileType.YML;
       break;
+    case "vue":
+      fileType = FileType.VUE;
+      break;
+    case "tsv":
+      fileType = FileType.TSV;
+      break;
+    case "php":
+      fileType = FileType.PHP;
+      break;
     default:
       fileType = FileType.UNKNOWN;
   }
@@ -1257,6 +1293,9 @@ const copyTextToClipboard = async (text) => {
     return fallbackCopyTextToClipboard(text);
   }
 };
+const isObject = (obj) => {
+  return toString.call(obj) === "[object Object]";
+};
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -2284,18 +2323,38 @@ const FilePreviewImage = (props) => {
     if (controller.state.value.fileType === FileType.SVG)
       props.onInitialization();
   }, []);
-  return /* @__PURE__ */ u("div", { className: "file-preview-image ".concat(controller.state.value.theme), children: [
-    controller.state.value.fileType === FileType.SVG ? /* @__PURE__ */ u(
-      "div",
-      {
-        className: "svg-container",
-        style: imgStyle.value,
-        dangerouslySetInnerHTML: {
-          __html: controller.state.value.content
-        },
-        onMouseDown: (evt) => controller.handleMouseDown(evt)
-      }
-    ) : /* @__PURE__ */ u(
+  const renderContent = () => {
+    if (controller.state.value.fileType === FileType.SVG) {
+      return /* @__PURE__ */ u(
+        "div",
+        {
+          className: "svg-container",
+          style: imgStyle.value,
+          dangerouslySetInnerHTML: {
+            __html: controller.state.value.content
+          },
+          onMouseDown: (evt) => controller.handleMouseDown(evt)
+        }
+      );
+    }
+    if (controller.state.value.fileType === FileType.MP4) {
+      return /* @__PURE__ */ u(
+        "video",
+        {
+          controls: true,
+          onLoadedData: () => props.onInitialization(),
+          onError: () => props.onInitialization(),
+          children: /* @__PURE__ */ u(
+            "source",
+            {
+              src: controller.state.value.content,
+              type: "video/mp4"
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ u(
       "img",
       {
         style: imgStyle.value,
@@ -2304,7 +2363,10 @@ const FilePreviewImage = (props) => {
         onError: () => props.onInitialization(),
         onMouseDown: (evt) => controller.handleMouseDown(evt)
       }
-    ),
+    );
+  };
+  return /* @__PURE__ */ u("div", { className: "file-preview-image ".concat(controller.state.value.theme), children: [
+    renderContent(),
     /* @__PURE__ */ u(Teleport, { to: "#".concat(controller.controlsId), children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
       /* @__PURE__ */ u(
         "button",
@@ -19014,7 +19076,12 @@ const FilePreviewText = (props) => {
     try {
       if (c2.state.value.fileType === FileType.JSON) {
         try {
-          const jsonObject = JSON.parse(c2.state.value.content);
+          let jsonObject;
+          if (isObject(c2.state.value.content) || Array.isArray(c2.state.value.content)) {
+            jsonObject = c2.state.value.content;
+          } else {
+            jsonObject = JSON.parse(c2.state.value.content);
+          }
           previewRef.current.textContent = JSON.stringify(jsonObject, null, 2);
         } catch (error2) {
           previewRef.current.textContent = c2.state.value.content;